import React from 'react'
import { ResultPage, Button } from 'antd-mobile'
import { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'

function Index() {
    let navigate = useNavigate()
    const details = [
        {
            label: '收款方',
            value: '张三',
            bold: true,
        },
        {
            label: '付款方式',
            value: '账户余额',
        },
        {
            label: '转账金额',
            value: '¥100.00',
        },
        {
            label: '转账金额',
            value: '¥100.00',
        },
        {
            label: '转账金额',
            value: '¥100.00',
        },
    ]
    return (
        <div>
            <ResultPage
                status='success'
                title='支付成功'
                description='订单支付成功,您可继续查看其他车次'
                details={details}
            >
                <ResultPage.Card style={{ height: 64, padding: 8 }}>
                    <Button block color='primary' size='large' onClick={()=>navigate('/')}>
                        返回首页
                    </Button>
                </ResultPage.Card>
            </ResultPage>
        </div>
    )
}

export default Index
